// styles/element/index.scss
$--color-primary: #1277a7;
$--color-white: #00000000;
$--background-color-base: #08fcfc1e;
$--border-color-lighter: #979797;
$--color-text-regular: #fff;
$--border-color-base: #bcbcbc;

$--font-path: "~element-ui/lib/theme-chalk/fonts";
$--datepicker-header-font-color: #fff;
$--datepicker-icon-color: #dedede;
$--datepicker-font-color: #dedede;
$--datepicker-inrange-background-color: rgba(2, 185, 198, 0.15);
$--datepicker-inrange-hover-background-color: none;
$--datepicker-off-font-color: #697697;
$--button-default-font-color: #1277a7;
$--button-default-border-color: #00d5d54d;
$--form-label-font-size: 16px;
$--popover-background-color: #0c1f4c;
$--popover-border-color: #1277a7;
$transparent-color: rgba (0, 0, 0, 0);
$primary-color: #1277a7;
$background-color: rgb(22, 39, 86);
@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $header: (
    "height": auto
  ),
  $footer: (
    "height": auto,
    "padding": 1rem
  ),
  $colors: (
    "primary": (
      "base": $primary-color
    )
  ),
  $bg-color: (
    "": $background-color,
    "page": $background-color,
    "overlay": $background-color
  ),
  $border-color: (
    "": #188fc6,
    "light": #188fc6,
    "lighter": #188fc6,
    "extra-light": #188fc6,
    "dark": #5cb5b7,
    "darker": #5cb5b7
  ),
  $text-color: (
    "regular": #fff,
    "primary": #f3f3f3,
    "secondary": #dedfe1,
    "placeholder": #e9e9ea,
    "disabled": #c0c4cc
  ),
  // $button-text-color:#00D5D5,
  // $button:('text':('color':#00D5D5),'border':('color':#00d5d54d)),
  $button:
    (
      "bg-color": $transparent-color,
      "text-color": $primary-color,
      "hover-bg-color": lightness(rgba(15, 108, 108, 0.78))
    ),
  $table: (
    "text-color": rgba(255, 255, 255, 0.8),
    "bg-color": $transparent-color,
    "tr-bg-color": $transparent-color,
    // 'header-bg-color':#fc08081e,
    "row-hover-bg-color": #162756,
    "current-row-bg-color": rgba(8, 252, 252, 0.47)
  ),
  $input: (
    "bg-color": $transparent-color
  ),
  $fill-color: (
    "": #08fcfc1e,
    "light": #1277a7,
    "lighter": #fafafa,
    "extra-light": #fafcff,
    "dark": #ebedf0,
    "darker": #e6e8eb,
    "blank": #ffffff
  ),

  $card: (
    "border-color": black,
    "border-radius": 5px,
    "padding": 20px,
    "bg-color": $transparent-color
  )
);
@import "element-plus/theme-chalk/src/index.scss";
// @import "element-ui/packages/theme-chalk/src/index";
